<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <style>


            #tabla_perfil
            {
                font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
                font-size: 12px;
                background: #fff;
                margin: 45px;
                width: 480px;
                border-collapse: collapse;
                text-align: left;
            }
            #tabla_perfil th
            {
                font-size: 14px;
                font-weight: bold;
                color: #039;
                padding: 10px 8px;
                border-bottom: 2px solid #6678b1;
            }
            #tabla_perfil td
            {
                border-bottom: 1px solid #ccc;
                color: #669;
                padding: 6px 8px;
            }
            #tabla_perfil tbody tr:hover td
            {
                color: #00F;
                cursor: pointer;
                background-color: blanchedalmond;
            }





            #one-column-emphasis
            {
                font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
                font-size: 12px;
                margin: 45px;
                width: 480px;
                text-align: left;
                border-collapse: collapse;
            }
            #one-column-emphasis th
            {
                font-size: 14px;
                font-weight: normal;
                padding: 12px 15px;
                color: #039;
            }
            #one-column-emphasis td
            {
                padding: 10px 15px;
                color: #669;
                border-top: 1px solid #e8edff;
            }
            .oce-first
            {
                background: #d0dafd;
                border-right: 10px solid transparent;
                border-left: 10px solid transparent;
            }
            #one-column-emphasis tr:hover td
            {
                color: #339;
                background: #eff2ff;
            }


        </style>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <div>TODO write content</div>
        <table id="tabla_perfil">
            <thead>
                <tr>
                    <th>aaaaaaa</th>
                    <th>aaaaaaa</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>nnnnnn</td>
                    <td>yyyyyyy</td>
                </tr>

                <tr>
                    <td>nnnnnn</td>
                    <td>yyyyyyy</td>
                </tr>
                <tr>
                    <td>nnnnnn</td>
                    <td>yyyyyyy</td>
                </tr>
            </tbody>
        </table>
        <br/><br/><br/>
        <table id="one-column-emphasis"><colgroup><col class="oce-first" /></colgroup>
            <tbody>
                <tr>
                    <td>Microsoft</td>
                    <td>20.3</td>
                </tr>
                <tr>
                    <td>Google &uacute; </td>
                    <td>50.2</td>
                </tr>
                <tr>
                    <td>Apple</td>
                    <td>25.4</td>
                </tr>
                <tr>
                    <td>IBM</td>
                    <td>20.4</td>
                </tr>
            </tbody>

        </table>
    </body>
</html>
